<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="./css/global.css">
<link rel="stylesheet" href="./css/style.css">
</head>

<body>
	<div class="header">
    	<div class="top">Full court promotions are on</div>
    	<div class="com">
        	<div class="h_left fl">
            	<a href="">
                	<img src="./images/logo.png" />
                </a>
            </div>
            <div class="h_center fl">
            	<div class="nav">
                	<div class="col cur">
                    	<a href="javascript();" class="name">Home</a>
                    </div>
                    <div class="col">
                    	<a href="javascript();" class="name">Shop</a>
                    </div>
                    <div class="col next">
                    	<a href="javascript();" class="name">About</a>
                    </div>
                    <div class="col next">
                    	<a href="javascript();" class="name">News</a>
                    </div>
                    <div class="col next">
                    	<a href="javascript();" class="name">Service</a>
                    </div>
                    <div class="col last">
                    	<a href="javascript();" class="name">
                        	<img src="./images/amazon.png" />
                        </a>
                    </div>
                </div>
            </div>
            <div class="h_right fr">
            	<a href=""><img src="images/search_a.png" /></a>
                <a href=""><img src="images/shop_icon.png" /></a>
                <a href=""><img src="images/my_icon.png" /></a>
            </div>
            <div class="clear"></div>
        </div>
    </div>
    <div class="reg_contents">
    	<div class="com14">
        	<div class="name">login</div>
            <form>
            	<div class="row">
                	<input type="text" placeholder="Mailbox, phone number, user name" />
                </div>
                <div class="row">
                	<input type="password" placeholder="Password" />
                </div>
                <div class="sub login_sub">
                	<input type="text" value="Sign in" />
                </div>
                <div class="other">
                	<a href="reg.html" class="fl reg">register</a>
                    <a href="" class="fr forgot">Forgot password</a>
                </div>
                <div class="modes">Other login modes：</div>
                <div class="share">
                	<img src="images/login-share.png" />
                </div>
            </form>
        </div>
    </div>
    <div class="footer">
    	<div class="search">
        	<div class="back">
            	<input type="text" placeholder="Get Newsletter (email address)" />
            </div>
        </div>
    	<div class="nav">
        	<div>
                <a class="cur" href="">HOME</a>       
                <a href="">ABOUT</a>     
                <a href="">CONTACT</a>         
                <a href="">PRIVACY</a>        
                <a href="">POLICY</a> 
            </div>
        </div>
        <div class="share"><img src="images/share.png" /></div>
    	<div class="copyright"> Copyright © 2016 Massaro, Inc. All Rights Reserved. MUNITIO.</div>
    </div>
</body>
<script type="text/javascript" src="./js/jq.js"></script>
</html>